<template>
  <div class="index">
    <div class="mask"></div>
    <div class="payBill-body">
        <p>请确认微信支付是否已完成</p>
        <p  @click="paymentCompleted_btn">已完成支付</p>
        <p  @click="rePayment_btn">支付遇到问题，重新支付</p>
    </div>
  </div>
</template>

<script>
  import { Toast } from 'mint-ui';  //引入弹框
  import { MessageBox } from 'mint-ui';
  export default {
    name: 'index',
    data () {
      return {

      }
    },
    methods:{
      //重新支付
      rePayment_btn(){
		     this.$router.push({path:'/orderPay'});
         this.$emit("closeShowBtn","");
      },

      //支付完成
      paymentCompleted_btn(){
		      this.$router.push({path:'/orderList'});
          this.$emit("closeShowBtn","");
      },

      //返回上个页面
      vfun_back(){
         history.back();
      },
    },
    mounted() {

    }
  }
</script>


<style scoped>

  .payBill-body p:nth-child(1){
     border-bottom: 1px #dddddd solid;
    height: 65px;
    line-height: 65px;
  }

  .payBill-body p:nth-child(2){
    border-bottom: 1px #dddddd solid;
    height: 42.5px;
    line-height: 42.5px;
    color: red;
  }

  .payBill-body p:nth-child(3){
    height: 42.5px;
    line-height: 42.5px;
  }

  .payBill-body p{
    text-align: center;
  }

  .payBill-body{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -40%;
    margin-top: -75px;
    width: 80%;
    height: 150px;
    background: white;
    z-index: 300;
  }

  *{
    transition: 0.2s;
  }
  h1, h2 {
    font-weight: normal;
  }

  ul {
    list-style-type: none;
    padding: 0;
  }
  .index{
    box-sizing: border-box;
    background: #d2d3d9;
    position: fixed;
    top:0;
    left: 0;
    z-index: 200;
  }

  .mask{
    background: rgba(000,000,000,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
  }
</style>
